<template>
     <mt-swipe :auto="4000">
      <mt-swipe-item v-for="item in lunboList" :key="item.img">
          <img :src="item.img" alt="">
      </mt-swipe-item>
      
    </mt-swipe>
</template>
<script>
    export default{
        props:["lunboList"]
    }
</script>
<style lang="scss" scoped>
      .mint-swipe{
        height: 200px;
         .mint-swipe-item {
             
             &:nth-child(1){
                background-color:red; 
             }
             &:nth-child(2){
                background-color:blue; 
             }
             &:nth-child(3){
                background-color:yellowgreen; 
             }
            img {
                height: 100%;
                width: 100%;
            }
         }       
    }
</style>
